<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'validate.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#reload").click(function(){
				$("#validateImg").click();
				return false;
			});
		});
		$(function(){
			$("#validateImg").click(function(){
				$(this).attr("src","image.do?"+new Date().getTime());
			});
			$("#validateCode").blur(function(){
				var code=$(this).val();
				if(code==""){
					$("#msg").text("请输入验证码");
				}else{
					$.post(
						"validate.do?"+new Date().getTime(),
						{"validateCode":code},
						function(data){
							if(data.ok){
								$("#msg").html("验证码正确");
							}else{
								$("#msg").html("验证码不正确!");
							}
						},
						"json"
					);
				}
			});
		});
	</script>
	</head>

	<body>
		<input type="text" id="validateCode"><span id="msg"></span><br/>
		<img id="validateImg" src="image.do"><a id="reload" href="#">看不清，换一张</a>
	</body>
</html>
